<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery快速入门</title>
    <script type="text/javascript" src="script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        // window.onload=function () {
        //     var btn01 = document.getElementById("btn01");
        //     btn01.onclick=function () {
        //         alert("hello,js")
        //     }
        // }



        $(function (){
        //1.得到 btn01 这个对象->jquery 对象
        // $btn01 是一个 jquery 对象 其实就是对 dom 对象的包装.
        // 这时我们就可以使用 jquery 对象的方法，事件等待
        // 通过 debug 我们发现 jquery 对象是数组对象.
        //2. jquery 中，获取对象的方法是 $("#id"), 必须在 id 前有#
        //3. 编程中，规定 jquery 对象的命名以$开头.(不是必须，但是约定)
        // 老韩编程小技巧: (1) 不明的地方可以做测试 (2) 使用 debug 直接看对象构成
        // (3) 尽量能够看到效果，或者这个对象构成 => 了解 (4) 多动手
            var $btn01 = $("#btn01");
        //2.绑定事件
            $btn01.click(function (){
                alert("hello,jquery...~~~")
            })
        });

    </script>
</head>
<body>
<button id="btn01">按钮</button>
</body>
</html>